import Leftcard from "./component/Leftcard";
import GridLayout from "./component/GridLayout";
import Tablebox from "./component/Tablebox";
import { useDashboardStore } from "@/store/price";
import { usetypesListtotalStore } from "@/store/leftcard";
import { useEffect } from "react";

function Home() {
  const { fetchData } = useDashboardStore();
  const {  gettypetotal } = usetypesListtotalStore()

  useEffect(() => {
    fetchData();
    gettypetotal()
  }, []);

  return (
    <div className="flex flex-1 h-full page-container">
      <div className="min-w-100 h-full p-0 bg-transparent ">
        <Leftcard />
      </div>
      <div className="p-0 flex-1 ml-5 h-full flex flex-col bg-transparent overflow-hidden">
        <GridLayout />
        <Tablebox />
      </div>
    </div>
  );
}

export default Home;
